<template>
    <div class="container-width app-container" style="padding-top:80px">
        <el-row style="position: relative;">
            <el-col :span="4" style="width:180px; flex: inherit;"> <!-- 覆盖 .el-col-4的flex -->
              <userLabels></userLabels>
            </el-col>
            <el-col :span="20" style="width:1020px">
                <img style="width: 100%" src="../../../../src/assets/images/bg/bg_car.png" />
                <router-view class="content-warp"></router-view>
            </el-col>
        </el-row>
    </div>
</template>

<script lang="ts">
import userLabels from "/@/components/userCenter/userLabels.vue"

export default {
    components: {
        userLabels
    }
}
</script>

<style lang="scss" scoped>
.content-warp{
     margin:-160px 0 0 40px;
     z-index: 3;
     position: relative;
     background:#ffffff;
     border-radius: 10px;
  box-shadow: 0 0 6px rgba(219,124,65,0.1);
  padding:0 20px 40px;
}
</style>